Skip to content

Conversation

@betterclever
Copy link
Contributor

@betterclever betterclever commented Dec 27, 2025

Summary

Adds a Command Palette feature accessible via `Cmd+K` (Mac) / `Ctrl+K` (Windows/Linux), providing quick access to navigation, workflows, components, and actions.

Features

🔍 Global Search

  • Search across workflows, components, pages, and actions
  • Fuzzy search with keyword matching
  • Keyboard navigation (↑↓ to navigate, Enter to select, Esc to close)

⌨️ Keyboard Shortcut

  • `Cmd+K` / `Ctrl+K` opens the palette from anywhere in the app
  • Search button with keyboard hint added to sidebar

🧩 Component Placement

  • Search and add components directly from the command palette
  • Selecting a component triggers "tap to place" mode
  • Click anywhere on the canvas to drop the component
  • Works on both desktop and mobile with consistent UX

🎨 Polished UI

  • Grouped results by category (Actions, Components, Navigation, Workflows, Settings)
  • Icons and logos for components
  • Keyboard hints in footer
  • Beautiful glassmorphism modal design

Screenshots

Command Palette Component Search
Press Cmd+K to open Search for components

Testing

  • Typecheck passes
  • Tested on desktop (Cmd+K)
  • Tested component placement flow
  • Tested navigation commands

Part of 25 Features Before '25 Ends initiative 🎄

- Add CommandPalette component with search, keyboard navigation, and action execution
- Support searching across workflows, navigation pages, and quick actions
- Add fuzzy search with keyword matching
- Integrate Cmd+K/Ctrl+K global keyboard shortcut
- Add Search button with keyboard hint in sidebar
- Include quick actions: create workflow, toggle theme
- Beautiful modal UI with grouped results and keyboard hints

Signed-off-by: betterclever <paliwal.pranjal83@gmail.com>
…tion

- Search and add components directly from Cmd+K menu
- Components show with icons/logos and descriptions
- Selecting a component triggers 'tap to place' mode on canvas
- Components only shown when on a workflow page in design mode
- Graceful handling when not on workflow (navigates to new workflow)

Signed-off-by: betterclever <paliwal.pranjal83@gmail.com>
@betterclever betterclever merged commit b8e83cb into main Dec 27, 2025
3 checks passed
Copy link

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +114 to +118
useEffect(() => {
if (isOpen && workflows.length === 0) {
setIsLoadingWorkflows(true)
api.workflows
.list()

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Refresh workflow list instead of caching per session

The palette only fetches workflows when workflows.length === 0, so after the first successful load it never refreshes even if workflows change or the user signs out and another account signs in without a full reload. That means the command palette can show stale or even previous-user workflow names and IDs for the remainder of the session, which is a correctness/privacy issue (and navigation can target workflows the new user can’t access). Consider clearing workflows on auth changes or always refetching on open.

Useful? React with 👍 / 👎.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants